<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:mo="https://gitee.com/aun/Timo">
<body>
    <style>
        .p_name{
            font-size: 18px;
            font-weight: 600;
        }
        .p_sex_age{
            font-size: 14px;
            color: rgba(167,172,177,1);
        }
    </style>
    <form action="/pcs/porter/hire" class="layui-card layui-form" data-auto="true" method="post" data-table-id="PorterTable">

        <input type="hidden" name="porterId" th:if="${vo}" th:value="${vo.id}"/>

        <div class="layui-card-body padding-15">
            <div class="layui-panel padding-15" style="display: flex;justify-content: space-between">
                <div style="display: flex">
                    <div style="margin-right: 10px;">
                        <img style="width: 58px;height: 58px;border-radius: 50%;" th:src="${vo?.headimg}">
                    </div>
                    <div style="padding: 5px">
                        <p>
                            <span class="p_name" th:text="${vo?.name}"></span>
                            <span class="p_sex_age" th:if="${vo.sex == 1}">男 [[${vo?.age}]]岁</span>
                            <span class="p_sex_age" th:if="${vo.sex == 2}">女 [[${vo?.age}]]岁</span>
                        </p>
                        <p>护理科室：<span class="layui-badge layui-bg-green">内科</span><span class="layui-badge layui-bg-green">急诊科</span></p>
                    </div>
                </div>
                <div style="display: flex;align-items: center;width: 150px">
                    <p>合同到期时间：<span style="color: red">[[${vo?.contractEndStr}]]</span> </p>
                </div>
            </div>
            <div class="layui-form-item" style="margin-top: 17px;">
                <label class="layui-form-label" style="width: 48px">续聘时长</label>
                <div class="layui-input-block" style="margin-left: 78px;">
                    <select name="years" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="1">一年</option>
                        <option value="2">两年</option>
                        <option value="3">三年</option>
                        <option value="4">四年</option>
                        <option value="5">五年</option>
                        <option value="6">六年</option>
                        <option value="7">七年</option>
                        <option value="8">八年</option>
                        <option value="9">九年</option>
                        <option value="10">十年</option>
                    </select>
                </div>
                </div>
            </div>


            <div class="text-center layui-form-actions1">
                <button class="layui-btn" type="submit">保存</button>
                <button class="layui-btn layui-btn-danger" data-close  type='button'>关闭</button>
            </div>

        </div>
    </form>


</body>
</html>